<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta name="description" content="萌岛为为国内最早从事卡通形象IP商业化的互联网公司之一,
    萌岛定位为娃娃机全产业链运营公司,率先研发出了成熟的H5直播娃娃机,延迟与体验做到了跟APP同样的水准,
萌岛在卡通形象IP领域有7年的沉淀，拥有一支专业的卡通形象设计团队，签约了多家国内优秀的卡通形象设计工作室,
收录了超过3000个卡通形象IP">
    <meta name="keywords" content="萌岛 娃娃机 直播 微信直播娃娃机 APP直播 卡通形象
    授权 娃娃商城 mengdao modomodo 萌岛盒子 动漫 娃娃 萌岛抓抓乐">
    <title>萌岛-娃娃机全产业链公司</title>
    <script src="../js/flexible.debug.js"></script>
    <script src="../js/flexible_css.debug.js"></script>
    <link rel="icon" href="./favicon.ico" data-n-head="true" type="image/x-icon" />
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../js/swiper.min.js"></script>
    <script src="../js/butterfly.js"></script>

    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/common.css" type="text/css">
    <link rel="stylesheet" href="../css/index.css" type="text/css">


    <link rel="stylesheet" href="../css/dasky.min.css" />
    
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/jmpress.min.js"></script>
    <script type="text/javascript" src="../js/dasky.eval.js"></script>
    <script type="text/javascript">
        $(function(){$('#dasky').Dasky()});
    </script>
    
    <style type="text/css">
        
        #dasky
        {
            font-family: 'Droid Sans' , sans-serif;
        }
    </style>

    <style>
        .swiper-container-home {
            width: 100%;
            height: 100vh;
            background-color: #f7e37d;
        }
        .supply_swiper {
            width: 100%;
        }
    .window_all{
        width: 100%;
        height: 100%;
    }

        .swiper-wrapper {
            transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
        }
    </style>

</head>

<body>
    <div id="box">
        <div class="webBox swiper-container swiper-container-home">
            <div class="window_all swiper-wrapper">
                <!-- 首页 -->
                <div class="window_all swiper-slide">
                    <div id="home">
                        <!-- <div id="box"></div> -->
                        <div class="home_back">
                            <div class="logo">
                                <div class="logo_title">
                                    <img src="../img/LOGO.png" alt="">
                                </div>
                                <div class="logo_about">
                                    <p>深耕娃娃机全产业链</p>
                                </div>
                            </div>

                            <div class="home_industry">
                                <div class="home_industry_back">

                                    <div class="home_industry_copyright">
                                        <img src="../img/ICON01.png">
                                        <p>IP 聚合平台</p>
                                    </div>
                                    <div class="home_industry_supply">
                                        <img src="../img/ICON02.png">
                                        <p>供应链</p>
                                    </div>
                                    <div class="home_industry_channel">
                                        <img src="../img/ICON03.png">
                                        <p>线下渠道</p>
                                    </div>
                                    <div class="home_industry_event">
                                        <img src="../img/ICON04.png">
                                        <p>线上渠道</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- IP版权 -->
                <div class="window_all swiper-slide">
                    <div id="coypright">
                        <div class="coypright_back">
                            <div class="coypright_title">
                                <p>IP 版权登记平台</p>
                            </div>
                            <div class="coypright_content">

                                <div class="col-xs-12">

                                    <div>
                                        <img src="../img/ICON05.png" alt="">
                                    </div>
                                    <div>
                                        <p>汇聚国内外卡通形象与作者</p>
                                        <p>让每个形象都有标准的网络名片</p>
                                    </div>

                                </div>

                                <div class="col-xs-12">
                                    <div>
                                        <img src="../img/ICON06.png" alt="">
                                        <p>163公正邮箱.美亚柏科公证云合作</p>
                                        <p>为登记的作品提供免费的电子存证</p>
                                    </div>
                                </div>
                                <div class="col-xs-12">
                                    <div>
                                        <img src="../img/ICON07.png" alt="">
                                        <p>对接卡通形象版权需求方</p>
                                        <p>让卡通形象作者变现不再有难度</p>
                                    </div>

                                </div>

                            </div>
                            <div class="coypright_btn">
                                <a href="http://ip.meng.im">登录萌岛版权登记平台</a>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- 供应链 -->
                <div class="window_all swiper-slide">
                    <div id="supply">
                        <div class="supply_back">
                            <div class="supply_title">
                                <p>萌岛供应链</p>
                            </div>
                            <div class="supply_image">
                                <div class='supply_swiper swiper-container'>
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="../img/modo01.jpg" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/modo02.jpg" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/modo03.jpg" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/modo04.jpg" alt="">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="supply_footer">
                                <div class="supply_icon">
                                    <div class="supply_icon_ip">
                                        <div>
                                            <img src='../img/icon14.png' alt="">
                                        </div>

                                        <p>正版IP</p>
                                        <p>品质保障</p>


                                    </div>
                                    <div class="supply_icon_sku">
                                        <div>
                                            <img src='../img/icon13.png' alt="">
                                        </div>

                                        <p>3000+IP积累</p>
                                        <p>SKU保障</p>


                                    </div>
                                    <div class="supply_icon_stock">
                                        <div>
                                            <img src='../img/icon12.png' alt="">
                                        </div>

                                        <p>自有仓库</p>
                                        <p>库存保障</p>


                                    </div>
                                    <div class="supply_icon_factory">
                                        <div>
                                            <img src='../img/icon15.png' alt="">
                                        </div>

                                        <p>成熟工厂合作</p>
                                        <p>质量产能保障</p>


                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
                <!-- 渠道 -->
                <div class="window_all swiper-slide">
                    <div id="channel">
                        <div class="channel_back">
                            <div class="channel_title">
                                <p>渠道</p>
                            </div>
                            <div class="channel_image">
                                <div class='supply_swiper swiper-container'>
                                    <div class="swiper-wrapper">

                                        <div class="swiper-slide">
                                            <img src="../img/swiple01.jpg" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/swiple03.jpg" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/swiple02.jpg" alt="">
                                        </div>
                                    </div>


                                </div>
                            </div>
                            <div class="channel_icon">
                                <div class="channel_icon_saas">
                                    <div>
                                        <img src="../img/icon08.png" alt="">
                                    </div>

                                    <div>
                                        <p>自研大小型号娃娃机</p>
                                        <p>搭载自研SAAS整场管理</p>
                                        <p>具备云支付功能</p>
                                    </div>

                                </div>
                                <div class="channel_icon_box">
                                    <div>
                                        <img src="../img/icon09.png" alt="">
                                    </div>

                                    <div>
                                        <p>萌岛 BOX</p>
                                        <p>标准化场景</p>
                                        <p>开辟线下娃娃机落地新场景</p>
                                    </div>

                                </div>
                                <div class="channel_icon_online">
                                    <div>
                                        <img src="../img/icon10.png" alt="">
                                    </div>

                                    <div>
                                        <p>萌岛抓抓乐</p>
                                        <p>H5在线抓娃娃,无需下载</p>
                                        <p>开辟娃娃机娱乐新姿势</p>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                <!-- 大事件 -->
                <div class="window_all swiper-slide">
                    <div id="event">
                        <p class="txt_events">萌岛大事件</p>
                        <div id="dasky">
                        <div class="step">
                            	<div class="dsk-circle">
                                        2011</div>
                                   
                               
                                <div class="dsk-content">
                                    <p class="dsk-year-info">
                                        进入动漫行业自营卡通形象"潘潘达"
                                    </p>
                                </div>
                            </div>
                            <div class="step">
                                    <div class="dsk-circle">
                                            2015</div>
                                      
                                <div class="dsk-content">
                                    <p class="dsk-year-info">
                                        推出卡通形象聚合平台签约3000+IP形象
                                    </p>
                                </div>
                            </div>
                            <div class="step">
                                    <div class="dsk-circle">
                                            2016</div>
                                      
                                <div class="dsk-content">
                                    <p class="dsk-year-info">
                                        正式启动娃娃机业务
                                    </p>
                                </div>
                            </div>
                            <div class="step">
                                    <div class="dsk-circle">
                                            2017</div>
                                      
                                <div class="dsk-content">
                                    <p class="dsk-year-info">
                                        获美图公司董事长蔡文胜领投Pre-A 投资，估值过亿
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="event_footer">
                            <div class="event_footer_about">
                                <p>
                                    <i class="iconfont icon-hezuo"></i> 商务合作:hi@meng.im</p>
                                <p>
                                    <i class="iconfont icon-dizhi"></i> 联系电话:0592-5985310</p>
                                <p>
                                    <i class="iconfont icon-dianhua"></i> 地址:福建省厦门市软件园二期47号楼之二302-7</p>
                            </div>
                            <div class="event_footer_end">
                                <p>
                                    <i class="iconfont icon-gongan"></i>闽公网安备 35020602000320号 | 闽ICP备15002671号</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->

            <!-- 如果需要滚动条 -->

        </div>
    </div>
    <script>
        //轮播图
        var mySwiper = new Swiper('.swiper-container-home', {
            speed: 800,
            direction: 'vertical',
            watchSlidesProgress: true,
            watchSlidesVisibility: true,
            mousewheel: true,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
                type: 'bullets',
                dynamicBullets: true,
                clickable: true,
                clickableClass: 'my-pagination-clickable',
                hideOnClick :true,
            },
            paginationCustomRender: function (swiper, current, total) {
                return current + ' of ' + total;
            }
            // 如果需要前进后退按钮


            // 如果需要滚动条

        })
        var supplySwiper = new Swiper('.supply_swiper', {
            effect : 'fade',
            autoplay: true,
            delay: 2000,
            speed: 1000,
            loop: true,
            watchSlidesProgress: true,
            watchSlidesVisibility: true,
            mousewheelControl: true,
            // 如果需要分页器
            // pagination: {
            //     el: '.swiper-pagination',
            // },
            // paginationCustomRender: function (swiper, current, total) {
            //     return current + ' of ' + total;
            // }
            // 如果需要前进后退按钮


            // 如果需要滚动条

        })

       
       var heigh = window.innerHeight;

        var home = document.getElementById('home');
        home.style.height = heigh + 'px';
        var coypright = document.getElementById('coypright');
        coypright.style.height = heigh + 'px';
        var supply = document.getElementById('supply');
        supply.style.height = heigh + 'px';
        var channel = document.getElementById('channel');
        channel.style.height = heigh + 'px';
        var event = document.getElementById('event');
        event.style.height = heigh + 'px';
    </script>
</body>

</html>